<template>
  <i class="sc-icon"
  :class="
  {
    [`sc-icon--${type}`]:Boolean(type)
  }"
  v-bind="$attrs"
  >
    <font-awesome-icon v-bind="filterProps" />
  </i>
</template>

<script lang="ts">
export default {
   name: 'ScIcon',
}
</script>
<script lang="ts" setup>
import {omit} from 'lodash-es';
import type{IconProps} from './types';
import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome'
import { computed } from 'vue';
defineOptions({
  inheritAttrs:false
});
const props = withDefaults(defineProps<IconProps>(),{});
const filterProps = computed(() => omit(props,['type','color']));
</script>

<style scoped>
@import './style.css';
</style>
